import React from 'react'
import "../css3/sale3.scss"
import { useNavigate } from 'react-router-dom';
import {NavBar, Toast,Typography} from 'react-vant'
import {Location, HotSale } from '@react-vant/icons'

export default function Sale3() {
  const navigate = useNavigate();
  return (
    <div id='sa'>
       <NavBar
        title="TA的在售"
        onClickLeft={() => Toast('返回', navigate('/merch3'))}
      />



      <div className='toux'>
        <img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.uMf5AX3a6yYpIhpEkyDxiQAAAA?rs=1&pid=ImgDetMain" alt="" />
        <div>
          <h5>老笔斋的老猫</h5>
          <p style={{ marginTop: '10px',fontSize: '12px' }}>愿得一人心,白首不相离</p>
        </div>

       
      </div>


      <div className='fabu'>
    <div className='zuo'>
    <img src="https://img.alicdn.com/i3/2262370151/O1CN01PpiTpy1CzCfCDcRn3_!!2262370151.jpg" alt="" />

    </div>
    
    <div className='you'>
      <h4 style={{marginBottom:"5px",marginTop:"5px"}}>被讨厌的勇气</h4>
      <p style={{color:"black",fontSize:"13px"}}>
      <Typography.Text ellipsis={3}>快毕业了,发现有不少闲置的书,华工同学直接自提免邮费,我们平时都有空。派遣请联系我</Typography.Text>
        
        </p>
    
      <div className='dazhe'>
        <p  style={{color:"black",fontSize:"12px"}}><HotSale/>7成新</p>
        <p  style={{color:"black",fontSize:"12px"}}><Location/> 广东 广州</p>
      </div>


      





    </div>
  </div>





    </div>
  )
}
